import { resolve } from 'path'
import { defineConfig, loadEnv } from 'vite'
import autoprefixer from 'autoprefixer'
import PostcssPxToViewport from 'postcss-px-to-viewport-8-plugin'
import createVitePlugins from './vite/plugins/index'

export default defineConfig(({ mode, command }) => {
  const env = loadEnv(mode, process.cwd() + '/env')
  return {
    root: './',
    base: './',
    envDir: './env',
    resolve: {
      alias: {
        '@': resolve(__dirname, './src'),
      },
    },
    // vite 相关配置
    server: {
      port: 80,
      host: true,
      open: true,
      proxy: {
        '/dev-api': {
          target: 'http://xx-api.wenrnet.com',
          changeOrigin: true,
          rewrite: (p) => p.replace(/^\/dev-api/, ''),
        },
      },
    },
    plugins: createVitePlugins(env, command === 'build'),
    build: {
      minify: 'terser',
      rollupOptions: {
        output: {
          chunkFileNames: 'static/js/[name]-[hash].js',
          entryFileNames: 'static/js/[name]-[hash].js',
          assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
          manualChunks(id) {
            // 静态资源分拆打包
            if (id.includes('node_modules')) {
              // 防止jenkins打包分包失败
              const n = id.lastIndexOf('node_modules')
              return id.toString().slice(n).split('node_modules/')[1].split('/')[0].toString()
            }
          },
        },
      },
      /** 清除console和debugger */
      terserOptions: {
        compress: {
          drop_console: true, // 打包时删除console
          drop_debugger: true, // 打包时删除 debugger
          pure_funcs: ['console.log'],
        },
        output: {
          // 去掉注释内容
          comments: true,
        },
      },
    },
    css: {
      postcss: {
        plugins: [
          autoprefixer({
            overrideBrowserslist: ['Android 4.1', 'iOS 7.1', 'Chrome > 31', 'ff > 31', 'ie >= 8'],
          }),
          PostcssPxToViewport({
            unitToConvert: 'px', // 要转化的单位
            viewportWidth: 375, // UI设计稿的宽度
            unitPrecision: 6, // 转换后的精度，即小数点位数
            propList: ['*'], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
            viewportUnit: 'vw', // 指定需要转换成的视窗单位，默认vw
            fontViewportUnit: 'vw', // 指定字体需要转换成的视窗单位，默认vw
            selectorBlackList: [], // 指定不转换为视窗单位的类名，
            minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
            mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
            replace: true, // 是否转换后直接更换属性值
            landscape: false, // 是否处理横屏情况
          }),
        ],
      },
    },
  }
})
